import { reactive, computed } from 'vue';
const state = reactive<{
  planTaskAssetDto?: PlanTask.AssetDto;
  taskAssetItemResultDto?: PlanTask.TaskAssetItemResultDto[];
  taskAssetFileDto?: PlanTask.TaskAssetFileDto[];
  /**
   * switch按钮开关状态
   */
  switchValue?: boolean;
  /**
   * 当前控件是否能编辑，
   * true 不能编辑
   * false 能编辑
   */
  readonly?: boolean;
  /**
   * 巡检/保养类型，1-设备巡检（关联模板适用对象，1-设备），2-区域巡检（关联模板适用对象，2-区域）
   */
  planBizType?: 1 | 2;
}>({
  planTaskAssetDto: {},
  taskAssetItemResultDto: [],
  taskAssetFileDto: [],
  switchValue: false,
  readonly: false,
  planBizType: 1,
});
/**
 * 图片文件列表
 */
const imgList = computed(() => {
  if (!state.taskAssetFileDto || !state.taskAssetFileDto.length) return [];

  return [...(state.taskAssetFileDto as PlanTask.TaskAssetFileDto[])]
    .filter((file) => {
      return file.fileType === 1;
    })
    .map((file) => {
      return {
        key: file.id || '',
        src: file.fileUrl || '',
      };
    });
});

export { state, imgList };
